﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <script src="@Url.Content("~/Scripts/jquery-1.6.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/coin-slider.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/expand.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/animated-menu.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.easing.1.3.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validationEngine.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validationEngine-en.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/menu.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/form.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/validationEngine.jquery.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/template.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/coin-slider-styles.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/SmallScreen.css")" rel="stylesheet" type="text/css" media="handheld,screen"/>
    <script type="text/javascript">
        var curr;
        var prev;
        $(document).ready(function () {
            $(".transition")
            .css('opacity', 0)
            .slideDown('slow', "easeInQuad")
            .animate(
                { opacity: 1 },
                { queue: false, duration: 'slow' }
            );
            // $(".transition").slideDown(1500, "easeInQuad", function () { });
            // $(".transition").fadeIn("slow", function () { });

            prev = $('#index');
            $("h2.expand").toggler();
            $("#content").expandAll({ trigger: "h2.expand", ref: "div.demo", localLinks: "p.top a" });
            $('#coin-slider').coinslider({ width: 300, height: 225, delay: 5000, effect: 'random', spw: 5, sph: 2, sDelay: 100, opacity: 0.7 });

            $("#logindisplay a").click(function () {
                curr = $('#' + $(this).attr('id'));
                prev = $(curr);
            });

        /*    $("#form1").validationEngine({
                ajaxSubmit: true,
                ajaxSubmitFile: "ajaxSubmit.php",
                ajaxSubmitMessage: "Thank you, We will contact you soon !",
                success: false,
                failure: function () { }
            })
            */
            $("#menu li a","#sidebar a").click(function () {
                event.preventDefault();
                linkLoc = this.href;
                if (window.location != linkLoc) {
                    //curr = $('#' + $(this).attr('id'));
                    //   $(this).parent().parent().stop().animate({ height: '50px' }, { queue: false, duration: 500, easing: 'easeOutBounce' });
                    //$(".transition").fadeOut(1000);
                    //$(".transition").slideUp(500, "easeInQuad", redirectPage);

                    $(".transition")
                        .slideUp('slow', function () { redirectPage(); })
                        .animate(
                            { opacity: 0 },
                            { queue: false, duration: 'slow' } 
                        );


                }
                //alert("prev : " + $(prev).text());
                //alert("curr : " + $(curr).text());
                //if ($(prev).text() != $(curr).text()) {
                //   $("#content").find('#' + $(prev).attr('id')).slideUp(500, "easeInOutCirc", function () {
                //        $("#content").find('#' + $(curr).attr('id')).slideDown(1500, "easeOutBounce");
                // window.location.href = "/Home/About";
                // $("#interests").slideDown(1500, "easeOutBounce");

                //    });

                //     prev = $(curr);
                // }
            });


            $("#comment").focus(function () {
                if ($(this).val() == 'Your text here...') {
                    $(this).val('');
                }

            });
            $("#comment").focusout(function () {
                if ($(this).val() == '') {
                    $(this).val('Your text here...');

                }
            }
                );

            return false;
        });

        function redirectPage() {
            window.location = linkLoc;
        }

    </script>
</head>
<body>
    <div id="page-wrap">
        <div id="inside">
            <div id="header">
                @*<div id="headerSlide">
                    <div id='coin-slider'>
                        <a href="#" target="_blank">
                            <img src="../../Content/img/ist1.png" alt="img1" />
                            <span>Description for img1 </span></a><a href="#" target="_blank">
                                <img src="../../Content/img/ist2.png" alt="img2" />
                                <span>Description for img2 </span></a><a href="#" target="_blank">
                                    <img src="../../Content/img/ist3.png" alt="img3" />
                                    <span>Description for img3 </span></a><a href="#" target="_blank">
                                        <img src="../../Content/img/ist4.png" alt="img4" />
                                        <span>Description for img4 </span></a><a href="#" target="_blank">
                                            <img src="../../Content/img/ist5.png" alt="img5" />
                                            <span>Description for img5 </span></a>
                    </div>
                </div>*@
                <div id="menu">
                    @Html.Partial("_Menu")
                </div>
                @* <div id="logindisplay">
            @Html.Partial("_LogOnPartial")
        </div>*@
                <div id="emrah">
                    My photo here
                </div>
            </div>
            @*<div id="menuContainer">
            <div id="topMenu">
                <div id="menu">
                    <ul id="nav">
                        @if (ViewContext.Controller.ValueProvider.GetValue("controller").RawValue.Equals("Home"))
                        {
                            <li id="index_li"><a id="index" href="#">Home</a></li>
                            <li id="research_li"><a id="research" href="#">Research</a></li>
                            <li id="pubs_li"><a id="publications" href="#">Publications</a></li>
                            <li id="interests_li"><a id="interests" href="#">Interests</a></li>
                            <li id="contacts_li"><a id="contact" href="#">Contact</a></li>
                        }
                        else
                        {
                            <li>@Html.ActionLink("Home", "Index", "Home", null, new { @id = "index" })
                            </li>
                            <li>@Html.ActionLink("Research", "Index", "Home", null, new { @id = "research" })
                            </li>
                            <li>@Html.ActionLink("Publications", "Index", "Home", null, new { @id = "publications" })
                            </li>
                            <li>@Html.ActionLink("Interests", "Index", "Home", null, new { @id = "interests" })
                            </li>
                            <li>@Html.ActionLink("Contact", "Index", "Home", null, new { @id = "contact" })
                            </li>
                        
                        }
                        <!--<a class="index" href="" onclick="Animate2id('#index'); return false">Home</a></li>-->
                    </ul>
                </div>
            </div>
        </div>
    </div>*@
            <!--<div id="content"> -->
            <div id="main-wrapper">
                <div id="content-wrapper">
                    <div id="content">
                        <div class="transition">
                        @RenderBody()
                        </div>
                    </div>
                </div>
                <div id="sidebar-wrapper">
                    <div id="sidebar">
                        <img src="../../Content/img/emrah.png" width="200px;" height="240px;" />
                        <img src="../../Content/img/emrah_text.jpg" />
                    </div>
                    <div id="sidebar">
                        <a href="../Home/Publications">Publications</a>
                    </div>
                    <div id="sidebar">
                        Dis quis et sociis, porttitor ac, phasellus dolor nunc quis? Pellentesque urna pulvinar,
                        placerat natoque. Sed, massa quis, scelerisque placerat nisi diam magnis adipiscing
                        sagittis duis turpis tortor! Pellentesque cursus, adipiscing pulvinar placerat non
                        mid integer placerat pulvinar elit, rhoncus mauris vel? Tincidunt rhoncus lorem
                        dis elementum tincidunt augue rhoncus, et dapibus, vel enim pulvinar tortor, vel
                        lacus turpis sed aenean tortor platea est? Nisi? Ut est habitasse purus lundium
                        elementum dapibus nisi dignissim dictumst et adipiscing placerat, sed in auctor
                        a, platea integer? Porta pulvinar cras nec porttitor massa, habitasse, ut in magna
                        pulvinar rhoncus. Ut dignissim lundium! Ultrices augue sociis placerat mus pulvinar
                        pid porttitor sed, et ut nec tincidunt a turpis. Augue massa. Rhoncus et nunc risus.
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
